﻿*{margin:0;padding:0;}
body{background:#fff; font:12px/22px "SimSun","Microsoft YaHei"; font-size:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_none{ display:none;}

.wrap{ max-width:1000px !important; margin:0 auto;}

header{width:100%; overflow:hidden;}
.header{width:100%; float:left;background:#000;}
.header .logo{width:35%; float:left; padding:20px 0;}
.header .logo img{float:left;width:100%;max-width:325px; max-height:50px;}

nav{width:65%; float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
nav .nav{width:100%; float:left;  position:relative; z-index:1;}
nav .nav a{ color:#fff;  }
nav .nav .nLi{width:12.5%; float:left; height:90px; float:left;  position:relative; display:inline;  }
nav .nav .nLi h3{width:100%; float:left; height:90px; float:left;  }
nav .nav .nLi h3 a{ display:block; height:90px;line-height:22px; padding:23px 0; text-align:center; font-size:13px;color:#fff;font-family:'Microsoft YaHei';}
nav .nav .nLi h3 a span{ font-family:Arial;text-transform:uppercase; font-size:12px;}
nav .nav .nLi:hover h3 a{ background:rgba(180, 181, 183, 0.1) none repeat scroll 0 0 !important; background-color:#b4b5b7; color:#0090ff;}

nav .nav .sub{ display:none; width:100%; left:0; top:90px;  position:absolute;background:#000; z-index:999; padding-top:3px;}
nav .nav .sub li{ zoom:1; margin-bottom:3px;}
nav .nav .sub li a{ display:block; height:22px; line-height:22px; text-align:center; background:#4b4a48; overflow:hidden; font-size:12px;color:#fff;font-family:'Microsoft YaHei';}
nav .nav .sub li a:hover{ background:#b4b5b7; color:#000;}

/*banner*/
.bannerbox{width:100%; height:510px; transition:all 1s; overflow:hidden; position:relative;float:left;}
#banner{width:100%; height:510px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:510px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image ul{position:absolute;top:0;left:0;width:9999px;overflow:hidden;}
#banner .main_image li a{display:block;}
#banner .main_image li span{display:block;width:100%;height:510px;transition:all 1s;}
#banner div.flicking_con{position:absolute;bottom:2px;left:50%;z-index:999;width:122px;height:24px;background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0 !important; background-color:#000; margin-left:-61px; padding:5px; border-radius:5px;}
#banner div.flicking_con a{float:left; width:14px; height:14px; border-radius:50%; margin:0 7px;padding:0;background:#fff;text-indent:-1000px}
#banner div.flicking_con a.on{background:#fa1529;}
#banner #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:29px!important;height:29px!important;top:50%;margin-top:-30px;display:none; transition:all 0.5s;}
#banner #btn_prev{background:url(../images/main_btn_arrow_lr.png) no-repeat left bottom;left:20px;}
#banner #btn_prev:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right bottom;}
#banner #btn_next{background:url(../images/main_btn_arrow_lr.png) no-repeat left top;right:20px;}
#banner #btn_next:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right top;}

/*移动端*/
 #content1 {padding:0px;float:left;width:100%;}
 .slideBox {position:relative;overflow:hidden;margin:0px auto;max-width:100%;/* 设置焦点图最大宽度 */}
 .slideBox .hd {position:absolute;height:28px;line-height:28px;bottom:0;right:0;z-index:1;}
 .slideBox .hd li {display:inline-block;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#333;text-indent:-9999px;overflow:hidden;
margin:0 6px 0 6px;}
 .slideBox .hd li.on {background:#fff;}
 .slideBox .bd {position:relative;z-index:0;}
 .slideBox .bd li {position:relative;text-align:center;}
 .slideBox .bd li img {background:url(images/loading.gif) center center no-repeat;vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
 .slideBox .bd li a {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}  /* 去掉链接触摸高亮 */
 .slideBox .bd li .tit {display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:28px;background:url(images/focusBg.png) repeat-x;color:#fff;text-align:left;}

main{width:100%; overflow:hidden;}
.cpzs{width:100%; overflow:hidden; padding:30px 0 50px 0;}
.cpzs_title{ display:block; text-align:center; overflow:hidden; background:url(../images/heng1.png) no-repeat center center;}
.cpzs_p{ height:44px; line-height:44px; overflow:hidden; font-family:Constantia; font-size:35px; color:#0090ff;text-transform:uppercase;}
.cpzs_sp{ height:42px; line-height:42px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:29px; color:#535353;}
.cpzs_contect{width:100%; position:relative; padding-top:30px;}
/*响应式轮播图*/
#responsive-shuffling { width:100%;height:100%;}
#responsive-shuffling .swiper-slide {width:100%; position:relative;}
#responsive-shuffling .swiper-slide .cpzs_img{width:100%; overflow:hidden; position:relative; border:1px solid #e9e9e9; transition:all 0.3s;}
#responsive-shuffling .swiper-slide .cpzs_img .cpzs_hover{width:100%; height:100%; overflow:hidden; position:absolute;left:0;bottom:-100%;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000; transition:all 0.3s;}
#responsive-shuffling .swiper-slide .cpzs_img .cpzs_hover span{width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; position:absolute;left:0;top:50%; margin-top:-15px; font-family:'Microsoft YaHei'; font-size:14px; color:#fff;}
#responsive-shuffling .swiper-slide:hover .cpzs_img{border:2px solid #065fa3;}
#responsive-shuffling .swiper-slide:hover .cpzs_img .cpzs_hover{bottom:0;}
.swiper-button-next{right:-70px; width:40px; height:40px; background:url(../images/cpzs_R.jpg) no-repeat 0 0; overflow:hidden; opacity:1; margin-top:0;}
.swiper-button-prev{left:-70px; width:40px; height:40px; background:url(../images/cpzs_L.jpg) no-repeat 100% 0; overflow:hidden; opacity:1;margin-top:0;}
.cpzs_more{width:117px; height:34px; display:block; margin:35px auto 0 auto;}
.cpzs_more a{ display:block; height:34px; line-height:34px; text-align:center; overflow:hidden; background:#065fa3; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; transition:all 0.3s;}
.cpzs_more a:hover{ background:#0074cc;}

.gsjj{width:100%; overflow:hidden; padding:35px 0 50px 0; background:#044489;}
.gsjj_contect{width:100%; overflow:hidden; position:relative; padding-top:24px;}
.gsjj_left{width:690px;float:left; border:4px solid #2178c4; height:285px; padding:10px 64px 12px 13px; line-height:28px; color:#fff; font-family:'Microsoft YaHei'; margin-top:40px;}
.gsjj_more{width:78px;float:right; height:24px; line-height:24px; text-align:center; background:#3669a1; margin-top:5px;}
.gsjj_more a{ color:#fff; font-family:'Microsoft YaHei';}
.gsjj_R{width:362px;float:right; position:absolute;right:0;top:24px;}
.gsjj_img{width:100%; height:285px;float:right; background:url(../images/gsjj_bj.png) no-repeat right top; padding-top:16px; position:relative;}
.gsjj_img img{width:346px; height:269px; display:block;}
.gsjj_dianhua{float:left; line-height:20px; font-family:'Microsoft YaHei'; font-size:15px; color:#fff; margin-left:62px;}
.gsjj_dianhua span{ color:#0090ff; font-weight:bold;}

.news{width:100%; overflow:hidden; padding-top:35px;}
.news_ul{display:block; padding-top:45px; overflow:hidden;}
.news_ul li{width:48%;float:left; height:110px; margin:0 1% 34px 1%; position:relative; padding:1px; overflow:hidden; transition:all 0.3s;}
.news_ul li .news_img{width:123px;float:left; margin-right:20px; transition:all 0.3s;}
.news_ul li .news_img img{width:123px; height:108px; display:block;}
.news_ul li .news_p{ display:block; height:40px; line-height:40px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#040404; transition:all 0.3s;}
.news_ul li .news_sp{ display:block; height:66px; line-height:22px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:12px; color:#616161; transition:all 0.3s;}
.news_ul li:hover{background:#3dabff;}
.news_ul li:hover .news_p{color:#fff;}
.news_ul li:hover .news_sp{color:#fff;}

.case{width:100%; overflow:hidden; padding:0 0 50px 0;}
.case_contect{ display:block; padding-top:15px; overflow:hidden;}
.case_L{width:325px;float:left;}
.case_p1{width:100%; overflow:hidden; height:110px; background:#044489; margin-bottom:13px;}
.case_p1 img{display:block; margin:0 auto;}
.case_img1{width:100%; overflow:hidden; position:relative; cursor:pointer;}
.case_img1 img{ width:100%; display:block;}
.sub_hover{width:100%; height:100%;background:rgba(4, 68, 137, 0.5) none repeat scroll 0 0 !important; background-color:#044489; position:absolute;left:0;bottom:-100%; z-index:5;transition:all 0.3s;text-align:center;}
.sub_hover span{ position:absolute;left:50%;top:50%; margin:-25px 0 0 -50px;width:100px; height:50px; border:1px solid #fff;}
.sub_hover span b{ display:inline-block; font-size:30px; color:#fff; line-height:50px;}
.case_img1:hover .sub_hover{ bottom:0;}
.case_C{width:495px; float:left; margin-left:12px;}
.case_img{float:left; cursor:pointer; position:relative; overflow:hidden;}
.case_img img{width:100%; display:block;}
.case_img:hover .sub_hover{ bottom:0;}
.case_p2{width:159px; height:135px; float:left; margin:12px 0 0 0; background:#3dabff;}
.case_p2 img{ display:block; margin:0 auto;}
.case_img3{width:324px; float:right; margin-top:12px;}
.case_R{width:155px; float:right;}
.case_img4{width:100%;}
.case_img5{width:100%; margin-top:12px;}

footer{width:100%;overflow:hidden; background:#333333; padding:15px 0;}
.foot_L{width:164px;float:left; font-family:'Microsoft YaHei'; color:#fff; line-height:30px; text-align:center; padding-right:40px; border-right:1px solid #989898; margin-right:25px;}
.foot_L img{width:124px; height:124px; display:block;}
.foot_nav{ display:block; font-family:'Microsoft YaHei'; color:#fff; margin-bottom:15px;}
.foot_nav a{color:#fff; margin:0 5px; transition:all 0.3s;}
.foot_nav a:hover{text-decoration:underline !important; color:#fff;}
.foot_txt{ display:block; font-family:'Microsoft YaHei'; line-height:25px; color:#fff; overflow:hidden;}
.foot_txt span{font-size:14px; font-weight:bold; line-height:24px;}

/*手机底部导航*/
.hot{width:100%; height:68px; background:#004ba2; position:fixed; bottom:0; left:0; z-index:99;}
.hot span{ color:#fff; font-size:16px; line-height:20px; padding-top:12px;}
.hot h6{ font-size:14px; line-height:26px; font-family:'Microsoft YaHei'; color:#fff;}
.hot .row div a{ display:block; color:#fff; padding:5px 0; margin-top:9px;}
.hot .row div:hover{ background:#2474d1;}

/*走进磁杰*/
.main{width:100%; overflow:hidden; padding:25px 0;}
.dqwz_title{width:100%; float:left; height:51px; border-bottom:2px solid #c9c9c9; margin-bottom:30px;}
.dqwz_p{width:158px; float:left; height:51px; line-height:47px; border-bottom:4px solid #0e94fb; text-align:center; font-family:'Microsoft YaHei'; font-size:18px; color:#000;}
.dqwz_nav{float:right; line-height:49px; font-family:'Microsoft YaHei'; font-size:18px; color:#010101;}
.main_left{width:216px;float:left;}
.about{width:100%;float:left;}
.about_title{ display:block; height:60px; line-height:60px; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:18px; color:#fff; background:#0090ff;}
.about_title span{ font-size:12px; padding-left:15px;}
.about_ul{ display:block; border:1px solid #c9c9c9; border-top:none; overflow:hidden; margin:0 5px;}
.about_ul li{ display:block; height:42px; border-bottom:1px solid #c9c9c9; overflow:hidden;}
.about_ul li a{display:block;height:41px; line-height:41px; overflow:hidden; background:url(../images/about_jiantou1.jpg) no-repeat 15px center; text-indent:44px; font-family:'Microsoft YaHei'; font-size:14px; color:#101010; transition:all 0.3s;}
.about_ul li a:hover{ background:url(../images/about_jiantou2.jpg) no-repeat 15px center #0090ff; color:#fff;}
.dl1{ display:none; border-bottom:1px solid #c9c9c9; overflow:hidden; padding:0 10px 10px 10px;}
.dl1 dd{ display:block; height:31px; border-bottom:1px dotted #5e5e5e; overflow:hidden; text-indent:24px;}
.dl1 dd a{ display:block; height:30px; overflow:hidden; line-height:30px; font-family:'Microsoft YaHei'; font-size:12px; color:#272727; transition:all 0.3s;}
.dl1 dd a span{ font-family:SimSun; font-size:14px; font-weight:bold; padding-right:10px;}
.dl1 dd a:hover{ color:#0090ff;}

.main_right{width:760px;float:right;}
.company{ display:block; font-family:'Microsoft YaHei'; font-size:14px; color:#4d4d4d; line-height:25px; overflow:hidden;}
.company img { max-width:100%; height:100%; }

/*产品展示*/
.pro{display:block;width:775px; overflow:hidden;}
.pro li{width:243px;float:left; margin:0 15px 11px 0;}
.pro li .pro_img{width:100%; overflow:hidden; border:1px solid #c0c0c0; transition:all 0.3s;}
.pro li .pro_sp{ display:block; height:44px; line-height:44px; text-align:center; background:#c0c0c0; overflow:hidden; font-family:'Microsoft YaHei'; font-size:12px; color:#fff; font-weight:bold; transition:all 0.3s;}
.pro li:hover .pro_img{ border:1px solid #0090ff;}
.pro li:hover .pro_sp{ background:#0090ff;}

.cpxq{display:block; overflow:hidden;}
.cpxq_p{ display:block; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#1a1a1a; font-weight:bold;}
.cpxq_img{display:block; overflow:hidden; margin-top:10px;}
.cpxq_img img{width:100%; display:block; max-width:400px; margin:0 auto;}
.cpxq_txt{ display:block; font-family:'Microsoft YaHei'; color:#686868; line-height:24px; overflow:hidden; padding-top:10px;}

/*新闻动态*/
.xw{display:block; overflow:hidden;}
.xw li{display:block; height:32px; line-height:32px; overflow:hidden; border-bottom:1px dotted #c9c9c9; font-family:'Microsoft YaHei';}
.xw li a{float:left; font-size:14px; color:#141414; transition:all 0.3s;}
.xw li span{float:right; color:#676767;}
.xw li a:hover{color:#0090ff;}

.xwxq{ display:block; overflow:hidden;}
.xwxq_p{ display:block; height:30px; line-height:30px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#141414;}
.xwxq_sp{ display:block; line-height:24px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:12px; color:#b7b7b7;}
.xwxq_txt{ display:block; line-height:25px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#4d4d4d; padding-top:10px;}

/*联系磁杰*/
.contact{display:block; overflow:hidden;}
.contact_txt{display:block; font-family:'Microsoft YaHei'; color:#3f3f3f; line-height:25px; overflow:hidden;}
#map{float: left;width: 100%;height: 415px;border: #a1a1a1 solid 1px; margin-top:20px;}
#dituContent{width: 100%;height: 413px;border-radius: 5px;}




@media (max-width:1199px) {
/*banner*/
.bannerbox{width:100%; height:425px; transition:all 1s; overflow:hidden;}
#banner{ height:425px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:425px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image li span{display:block;width:100%;height:425px;transition:all 1s;}
}

@media (max-width:991px){
.header .icon-menu{float:right; cursor:pointer; width:46px; height:26px; background:url(../images/menu_logo.png) no-repeat center center; background-size:cover; position:absolute;right:1%;top:50%; margin-top:-13px;}
.header .sjdnav{ width:150px; height:auto; position:absolute;right:0; top:70px;z-index:9999;background:rgba(9, 9, 9, 0.9) none repeat scroll 0 0 !important; background-color:#090909;}
.header .sjdnav ul{ padding:0; margin:0;}
.header .sjdnav li{ height:40px;display:block;text-align:center; margin:5px 0; padding:0; border-bottom:1px solid #aaa8a9;}
.header .sjdnav li a{display:block;line-height:40px; font-family:'Microsoft YaHei'; font-size:18px; color:#fff;}
.header .sjdnav li a:hover{background:#0090ff; color:#fff;}
.header .sjdnavhide{ height:0; overflow:hidden;}
	
.header .logo{width:100%; position:relative; padding:10px 1%;}
.header .logo img{float:left;width:100%;}

/*banner*/
.bannerbox{width:100%; height:351px; transition:all 1s; overflow:hidden;}
#banner{ height:351px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:351px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image li span{display:block;width:100%;height:351px;transition:all 1s;}

.cpzs{padding:20px 1%;}
.cpzs_contect{padding-top:15px;}

.gsjj{ padding:20px 1%;}
.gsjj_txt{ display:block; overflow:hidden; padding-top:20px;line-height:20px; color:#fff; font-family:'Microsoft YaHei';}
.gsjj_txt img{width:60%; display:block; margin:0 auto 20px auto;}
.gsjj_more{float:none; margin:10px auto 0 auto;}

.news{padding-top:20px;}
.news_ul{padding-top:20px;}
.news_ul li{ margin:0 1% 20px 1%;}

.case{ padding:20px 1% 30px 1%;}
.case_contect{padding-top:20px;}
.case_L{width:39%;}
.case_C{width:59%; margin-left:1%;}
.case_img2{width:100%;}
.case_p2{width:30%;}
.case_img3{width:68%;}
.case_img3 img{height:135px;}
footer{padding:15px 1%;}

/*走进磁杰*/
.main{padding:25px 1%;}
.dqwz_title{margin-bottom:20px;}
.main_left{width:29%;}
.main_right{width:69%;}

/*产品展示*/
.pro{width:100%;}
.pro li{width:48%; margin:0 1% 11px 1%;}

}

@media (max-width:767px){
/*.header .icon-menu{font-size:30px; width:30px; margin-top:-15px;}*/
.header .sjdnav{width:100%;}
.header .logo{width:100%;}
.header .logo img{width:80%;}

.cpzs_ul li{width:48%;}
.news_ul li{width:98%;}
.case_L{width:100%; margin-bottom:12px;}
.case_C{width:100%; margin-left:0;}
.foot_L{width:112px;float:none; margin:0 auto; padding-right:0; border-right:none;}
.foot_nav{ margin-top:10px; text-align:center;}
.foot_txt{text-align:center;}

/*走进磁杰*/
.main_left{width:100%;}
.main_right{width:100%; margin-top:10px;}
.about_title{height:50px; line-height:50px;}
.about_ul{ display:none;}

/*新闻动态*/
.xw li a{width:75%; height:30px; overflow:hidden;}


}


.fengxiang{ width:100%; margin:0 auto;}
.fengxiang ul li{ width:46%; padding:4px 3px; float:left; margin:4px 0px 4px 10px; background:#c5c5c4; border: solid 1px #afafae;}

.fengxiang ul li a.bshare-sinaminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qzone{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-renren{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qqmb { float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-neteasemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-sohuminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-tianya{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-baiduhi{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-itieba{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-kaixin001{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-facebook{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-msn{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-fanfou{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-feixin{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-twitter{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-peoplemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-douban{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-xinhuamb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}

/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#88af3f;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott a:active{border:#85bd1e 1px solid;color:#638425;background-color:#f1ffd6;}
div.scott span.current{border:#b2e05d 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#b2e05d;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}